


<!--
  Generated template for the ApplyInfoTabPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
    <ion-navbar>
        <ion-title>
            支出信息
        </ion-title>
    </ion-navbar>
</ion-header>
<ion-content >
    <!--<div style="width: 100%;height: 0.6rem;background-color: #F7F7F7"></div>-->
    <div>
        <div *ngFor="let item of dataList;let n=index" class="header">
            <!--<div class="applyInfoHeader">-->
            <div class="applyInfoHeader" >
                <ion-label >{{list[n].MingCheng}}</ion-label>
                <ion-input type="" placeholder="请填写金额" [(ngModel)]="list[n].JinE"></ion-input>
                <div *ngIf="item.hasOwnProperty('FeiYongMX') && item.FeiYongMX.length>0" (click)="addFeeDetail(n)" class="addIcon" ><img src="assets/imgs/jia-icon.png" ></div>
                <div *ngIf="item.hasOwnProperty('FeiYongMX') && item.FeiYongMX.length>0" (click)="minusFeeDetail(n)" class="addIcon" ><img src="assets/imgs/jian-icon.png" ></div>

            </div>
            <div *ngFor="let v of item.FeiYongMX;let i=index" style="width: 95%;margin: 0 auto">
                <div *ngFor="let data of v;let m=index">

                    <ion-item *ngIf="data.Type=='1'">
                        <ion-label>{{data.FeiYongMXMC}}</ion-label>
                        <ion-input type="number" placeholder="请填写"
                                   [(ngModel)]="feeDetailsValArr[n].FeiYongMX[i][m].val"></ion-input>
                    </ion-item>
                    <ion-item *ngIf="data.Type=='2'">
                        <ion-label>{{data.FeiYongMXMC}}</ion-label>
                        <ion-input type="text" placeholder="请填写"
                                   [(ngModel)]="feeDetailsValArr[n].FeiYongMX[i][m].val"></ion-input>
                    </ion-item>
                    <ion-item *ngIf="data.Type=='3'">
                        <ion-label>{{data.FeiYongMXMC}}</ion-label>
                        <ion-datetime displayFormat="YYYY-MM-DD" cancelText="取消" doneText="确定"
                                      [(ngModel)]="feeDetailsValArr[n].FeiYongMX[i][m].val"></ion-datetime>
                        <img src="assets/imgs/icon_time.png" item-end class="date-img">
                    </ion-item>
                    <ion-item *ngIf="data.Type=='4'">
                        <ion-label>{{data.FeiYongMXMC}}</ion-label>
                        <ion-select okText="确定" cancelText="取消" [(ngModel)]="feeDetailsValArr[n].FeiYongMX[i][m].val"
                                    style="height:45px;"
                                    (ngModelChange)="switchType()"
                                    placeholder="请选择">
                            <ion-option value="">请选择</ion-option>
                            <ion-option *ngFor="let typeData of data.Options" value="{{typeData?.Value}}">
                                {{typeData?.Text}}
                            </ion-option>
                        </ion-select>
                    </ion-item>
                    <ion-item *ngIf="data.Type=='5'">
                        <ion-label>{{data.FeiYongMXMC}}</ion-label>
                        <ion-select okText="确定" cancelText="取消" [(ngModel)]="feeDetailsValArr[n].FeiYongMX[i][m].val"
                                    style="height:45px;"
                                    (ngModelChange)="switchType()"
                                    placeholder="请选择">
                            <ion-option value="">请选择</ion-option>
                            <ion-option *ngFor="let typeData of data.Options" value="{{typeData?.Value}}">
                                {{typeData?.Text}}
                            </ion-option>
                        </ion-select>
                    </ion-item>

                </div>
                <ion-item *ngIf="dataList[n].IsShowBZZ =='true'">
                    <ion-label>标准费用</ion-label>
                    <ion-input type="number" placeholder="" ng-disabled="true"  *ngIf="dataList[n].BiaoZhunZ != undefined" [(ngModel)]="dataList[n].BiaoZhunZ"></ion-input>
                    <ion-input type="number" placeholder="" ng-disabled="true"  *ngIf="biaoZhunZhi[n]!=undefined" [(ngModel)]="biaoZhunZhi[n].bzzlist[i]"></ion-input>

                </ion-item>
            </div>
          <!--  <ion-item *ngIf="list[n].BiaoZhuFY !=0 || list[n].BiaoZhuFY !=''">
                <ion-label>标准费用</ion-label>
                <ion-input type="number" placeholder="" [(ngModel)]="list[n].BiaoZhuFY"></ion-input>
            </ion-item>-->

        </div>
        <ion-item >
            <ion-label>报销金额</ion-label>
            <ion-input type="number" placeholder="报销金额" [(ngModel)]="applyMoney" disabled style="color: red;font-weight: 400;"></ion-input>
        </ion-item>
    </div>
    <!--  <div class="buttonDiv_1">
          <button ion-button (click)="calc()">计算报销金额</button>
      </div>-->

    <div class="buttonDiv">
        <button ion-button (click)="pre()">上一步</button>
        <button ion-button (click)="calc()">下一步</button>
    </div>
</ion-content>
